<template>
    <footer>
        <div class="w1200 container">
            <div>
                <div class="left">
                    <span>官方客服：400-8618-890</span>
                </div>
                <div class="right">
                    <!-- <span>服务商帮助中心</span>
                  <span>联系我们</span> -->
                </div>
            </div>
            <p>2010-2020 Tianzuoyun.com版权所有</p>
        </div>
    </footer>
</template>

<script>
export default {
    name: 'MyFooter'
}
</script>

<style lang="less" scoped>
footer {
  width: 100%;
  height: 1.53rem;
  background-color: #ffffff;
  background-image: url("~assets/images/login/footer.png");
  background-size: 100% 1.53rem;
}

.container {
  & > div {
    display: flex;
    justify-content: space-between;
    color: #333333;
    margin-top: 0.2rem;
    .left {
      span {
        cursor: pointer;
        font-size: .2rem;
        font-family: DIN;
        font-weight: 400;
        color: @primary-color;
        & + span {
          margin-left: 0.3rem;
        }
      }
    }
  }
}
p {
  text-align: center;
  margin-top: 0.4rem;
  font-size: .16rem;
  color: #78808D;
}
</style>
